<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Wallpaper</title>
        <meta name="description" content="Here goes description" />
        <meta name="author" content="author name" />
        <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
        <!-- ======================================================================
                                    Mobile Specific Meta
        ======================================================================= -->
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
        <!-- ======================================================================
                                    Style CSS + Google Fonts
        ======================================================================= -->
        <link href="css/swipebox.css" rel="stylesheet" />
        <link href="css/bootstrap.css" rel="stylesheet" />
        <link href="css/style.css" rel="stylesheet" />
        <link href="css/animate.css" rel="stylesheet" />
        <link href="color-box/color-style.css" rel="stylesheet" />
        <link href="color-box/farbtastic/farbtastic.css" rel="stylesheet" />
        <link href="css/font-icon-moon.css" rel="stylesheet" />
        <link href="css/font-awesome.css" rel="stylesheet" />
    </head>
    <body class="single-page">
        <div class="load-complete">
            <div class="load-position">
                <div class="logo wow flip">Wallpaper</div>
                <h6>Please wait, loading...</h6>
                <div class="loading">
                    <div class="loading-line"></div>
                    <div class="loading-break loading-dot-1"></div>
                    <div class="loading-break loading-dot-2"></div>
                    <div class="loading-break loading-dot-3"></div>
                </div>
            </div>
        </div>
        <!-- === START COLOR BOX === -->
        <div class="settings-box">
            <div class="settings-box-icon"><i class="fa fa-spin d-text-c fa-cog"></i></div>
            <div class="settings-box-title">Settings Box</div>
            <p>Primary color</p>
            <ul id="site_color">
                <li><span class="color_1"></span></li>
                <li><span class="color_2"></span></li>
                <li><span class="color_3"></span></li>
                <li><span class="color_4"></span></li>
                <li><span class="color-select"></span></li>      
            </ul>
            <hr> 
            <p>Layout type</p>
            <select name="site_layout">
                <option value="wide">Wide</option>
                <option value="boxed">Boxed</option>
            </select>
            <hr> 
            <p>Background patterns</p>
            <ul id="background_patterns">
                <li><img src="color-box/background/square-1.png" alt="patterns"></li>
                <li><img src="color-box/background/square-2.png" alt="patterns"></li>
                <li><img src="color-box/background/square-3.png" alt="patterns"></li>
                <li><img src="color-box/background/square-4.png" alt="patterns"></li>
                <li><img src="color-box/background/square-5.png" alt="patterns"></li>        
            </ul>
            <hr> 
            <p>Background images</p>
            <ul id="background_images">
                <li><img src="color-box/background/bg-image-1.jpg" alt="background"></li>
                <li><img src="color-box/background/bg-image-2.jpg" alt="background"></li>
                <li><img src="color-box/background/bg-image-3.jpg" alt="background"></li>
                <li><img src="color-box/background/bg-image-4.jpg" alt="background"></li>
                <li><img src="color-box/background/bg-image-5.jpg" alt="background"></li>        
            </ul>
        </div>
        <!-- === END COLOR BOX === -->
        <div class="box-wide">
            <!-- === START HEADER === -->
            <header class="header sticky-bar">
                <div class="container">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="logo"><a href="index.html">Wallpaper</a></div>
                        </div>
                        <div class="col-md-8">
                            <nav class="menu">
                                <div class="responsive-menu d-text-c-h"><i class="fa fa-bars"></i></div>

                                <ul>
                                    <li><a class="d-text-c-h" href="#">Home</a>
                                        <ul>
                                            <li><a class="d-text-c-h" href="index.html">Home v1</a></li>
                                            <li><a class="d-text-c-h" href="index-v2.html">Home v2</a></li>
                                            <li><a class="d-text-c-h" href="index-v3.html">Home v3</a></li>
                                        </ul>
                                    </li>
                                    <li><a class="d-text-c-h" href="#">Portfolio</a>
                                        <ul>
                                            <li><a class="d-text-c-h" href="portfolio-2-col.html">Portfolio 2 columns</a>
                                                <ul>
                                                    <li><a class="d-text-c-h" href="portfolio-2-col.html">Portfolio 2 columns</a></li>
                                                    <li><a class="d-text-c-h" href="portfolio-2-col-no-padding.html">Portfolio 2 columns no padding</a></li>
                                                    <li><a class="d-text-c-h" href="portfolio-2-col-v2.html">Portfolio 2 columns v2</a></li>
                                                </ul>
                                            </li>
                                            <li><a class="d-text-c-h" href="portfolio-3-col.html">Portfolio 3 columns</a>
                                                <ul>
                                                    <li><a class="d-text-c-h" href="portfolio-3-col.html">Portfolio 3 columns</a></li>
                                                    <li><a class="d-text-c-h" href="portfolio-3-col-no-padding.html">Portfolio 3 columns no padding</a></li>
                                                    <li><a class="d-text-c-h" href="portfolio-3-col-v2.html">Portfolio 3 columns v2</a></li>
                                                </ul>
                                            </li>
                                            <li><a class="d-text-c-h" href="portfolio-4-col.html">Portfolio 4 columns</a>
                                                <ul>
                                                    <li><a class="d-text-c-h" href="portfolio-fw-4-col.html">Portfolio fw 4 columns</a></li>
                                                    <li><a class="d-text-c-h" href="portfolio-4-col.html">Portfolio 4 columns</a></li>
                                                    <li><a class="d-text-c-h" href="portfolio-4-col-v2.html">Portfolio 4 columns v2</a></li>
                                                </ul>
                                            </li>
                                            <li><a class="d-text-c-h" href="portfolio-6-col.html">Portfolio 6 columns</a>
                                                <ul>
                                                    <li><a class="d-text-c-h" href="portfolio-fw-6-col-v2-no-padding.html">Portfolio fw 6 columns v2 no padding</a></li>
                                                    <li><a class="d-text-c-h" href="portfolio-6-col.html">Portfolio 6 columns</a></li>
                                                </ul>
                                            </li>
                                            <li><a class="d-text-c-h" href="project-v1.html">Project v1</a></li>
                                            <li><a class="d-text-c-h" href="project-v2.html">Project v2</a></li>
                                        </ul>                                     
                                    </li>
                                    <li><a class="d-text-c-h" href="#">Pages</a>
                                        <ul>
                                            <li><a class="d-text-c-h" href="about-us.html">About Us</a></li>
                                            <li><a class="d-text-c-h" href="coming-soon.html">Coming soon</a></li>
                                            <li><a class="d-text-c-h" href="error-404.html">Error 404</a></li>
                                            <li><a class="d-text-c-h" href="our-team.html">Our Team</a></li>
                                            <li><a class="d-text-c-h" href="services.html">Services</a></li>
                                            <li><a class="d-text-c-h" href="shortcodes.html">Shortcodes</a></li>
                                        </ul>
                                    </li>
                                    <li><a class="d-text-c-h" href="#">Blog</a>
                                        <ul>
                                            <li><a class="d-text-c-h" href="blog-2c-rs.html">Blog 2 columns right sidebar</a></li>
                                            <li><a class="d-text-c-h" href="blog-3c.html">Blog 3 columns</a></li>
                                            <li><a class="d-text-c-h" href="blog-fw.html">Blog fullwidth</a></li>
                                            <li><a class="d-text-c-h" href="blog-fw-rs.html">Blog fullwidth right sidebar</a></li>
                                            <li><a class="d-text-c-h" href="post.html">Single Post</a></li>
                                        </ul>
                                    </li>
                                    <li><a class="d-text-c-h" href="#">Shop</a>
                                        <ul>
                                            <li><a class="d-text-c-h" href="shop.html">Shop</a></li>
                                            <li><a class="d-text-c-h" href="shop-item.html">Single Product</a></li>
                                            <li><a class="d-text-c-h" href="shop-ls.html">Shop left sidebar</a></li>
                                            <li><a class="d-text-c-h" href="shop-rs.html">Shop right sidebar</a></li>
                                            <li><a class="d-text-c-h" href="cart.html">Cart</a></li>
                                        </ul>
                                    </li>
                                    <li><a class="d-text-c-h" href="#">Contact</a>
                                        <ul>
                                            <li><a class="d-text-c-h" href="contact-v1.html">Contact v1</a></li>
                                            <li><a class="d-text-c-h" href="contact-v2.html">Contact v2</a></li>
                                            <li><a class="d-text-c-h" href="contact-v3.html">Contact v3</a></li>
                                            <li><a class="d-text-c-h" href="contact-v4.html">Contact v4</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </header>
            <!-- === END HEADER === -->


            <!-- === START CONTENT === -->
            <div class="content">
                <!-- === START PATH === -->
                <div class="path-section">
                    <div class="bg-cover">
                        <div class="container">
                            <h3><a class="d-text-c-h" href="index.html">Home</a> / <a class="d-text-c-h" href="about-us.html">About Us</a></h3>
                        </div>
                    </div>
                </div>
                <!-- === END PATH === -->

                <!-- === START PRESENTATION === -->
                <div class="no-padding presentation-section">
                    <div class="container">
                        <div class="site-title">
                            <p>We are happy to say</p>
                            <h1>Welcome to wallpaper</h1>
                            <div class="site-dots d-text-c">. . .</div>
                        </div>
                        <img src="images/presentation-2.jpg" alt="presentation" />
                    </div>
                </div>
                <!-- === END PRESENTATION === -->

                <!-- === START PROJECTS === -->
                <div class="projects-posts-section">
                    <div class="row no-margin">
                        <div class="col-md-3 no-padding">
                            <div class="project-post">
                                <img src="images/item-1.jpg" alt="priject image" />
                                <div class="project-post-hover">
                                    <div class="project-post-bg d-bg-c"></div>
                                    <div class="project-post-bg-text">Individual<br/>client<br/>approach</div>
                                    <div class="project-post-bg-text-hidden"><a href="#">read more</a></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 no-padding">
                            <div class="project-post">
                                <img src="images/item-2.jpg" alt="priject image" />
                                <div class="project-post-hover">
                                    <div class="project-post-bg d-bg-c"></div>
                                    <div class="project-post-bg-text">Individual<br/>client<br/>approach</div>
                                    <div class="project-post-bg-text-hidden"><a href="#">read more</a></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 no-padding">
                            <div class="project-post">
                                <img src="images/item-3.jpg" alt="priject image" />
                                <div class="project-post-hover">
                                    <div class="project-post-bg d-bg-c"></div>
                                    <div class="project-post-bg-text">Individual<br/>client<br/>approach</div>
                                    <div class="project-post-bg-text-hidden"><a href="#">read more</a></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 no-padding">
                            <div class="project-post">
                                <img src="images/item-4.jpg" alt="priject image" />
                                <div class="project-post-hover">
                                    <div class="project-post-bg d-bg-c"></div>
                                    <div class="project-post-bg-text">Individual<br/>client<br/>approach</div>
                                    <div class="project-post-bg-text-hidden"><a href="#">read more</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- === END PROJECTS === -->


                <!-- === START SERVICES === -->
                <div class="services-section services-mark-2 services-mark-2-add">
                    <div class="container">
                        <div class="site-title">
                            <p>We are very strong skilled in the</p>
                            <h1>Areas of expertise</h1>
                            <div class="site-dots d-text-c">. . .</div>
                        </div>

                        <div class="row">
                            <div class="col-md-4">
                                <div class="one-service">
                                    <i class="icon-wand d-border-c d-text-c"></i>
                                    <h4>design</h4>
                                    <p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled</p>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="one-service">
                                    <i class="icon-camera5 d-border-c d-text-c"></i>
                                    <h4>photoshooting</h4>
                                    <p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled</p>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="one-service">
                                    <i class="icon-video2 d-border-c d-text-c"></i>
                                    <h4>video production</h4>
                                    <p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- === END SERVICES === -->


                <!-- === START STATISTICS === -->
                <div class="statistics-section">
                    <div class="bg-cover">
                        <div class="container">
                            <div class="row">
                                <div class="col-md-3 col-xs-6">
                                    <div class="statistic">
                                        <h3 class="d-text-c"><span class="counter-all">2045</span></h3>
                                        <h6 class="wow bounceInLeft">individual clients</h6>
                                    </div>
                                </div>
                                <div class="col-md-3 col-xs-6">
                                    <div class="statistic">
                                        <h3 class="d-text-c"><span class="counter-all">126</span></h3>
                                        <h6 class="wow bounceInLeft">video spots</h6>
                                    </div>
                                </div>
                                <div class="col-md-3 col-xs-6">
                                    <div class="statistic">
                                        <h3 class="d-text-c"><span class="counter-all">78</span></h3>
                                        <h6 class="wow bounceInLeft">screenplay</h6>
                                    </div>
                                </div>
                                <div class="col-md-3 col-xs-6">
                                    <div class="statistic">
                                        <h3 class="d-text-c"><span class="counter-all">1034</span></h3>
                                        <h6 class="wow bounceInRight">items designed</h6>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- === END STATISTICS === -->

                <!-- === START CUSTOM === -->
                <div class="custom-section-v3">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="panel-group" id="accordion">
                                  <div class="panel panel-default">
                                    <div class="panel-heading">
                                      <h4 class="panel-title">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#collaps-1">
                                          Our mission
                                        </a>
                                      </h4>
                                    </div>
                                    <div id="collaps-1" class="panel-collapse collapse in">
                                      <div class="panel-body">
                                        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
                                      </div>
                                    </div>
                                  </div>
                                  <div class="panel panel-default">
                                    <div class="panel-heading">
                                      <h4 class="panel-title">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#collaps-2">
                                          our vision
                                        </a>
                                      </h4>
                                    </div>
                                    <div id="collaps-2" class="panel-collapse collapse">
                                      <div class="panel-body">
                                        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
                                      </div>
                                    </div>
                                  </div>
                                  <div class="panel panel-default">
                                    <div class="panel-heading">
                                      <h4 class="panel-title">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#collaps-3">
                                          our values
                                        </a>
                                      </h4>
                                    </div>
                                    <div id="collaps-3" class="panel-collapse collapse">
                                      <div class="panel-body">
                                        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
                                      </div>
                                    </div>
                                  </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="our-skills-v2">
                                    <div class="one-skill">
                                        <h3>Photoshop <span class="counter-all">80</span>%</h3>
                                        <div class="one-skill-know">
                                            <span class="d-bg-c wow skill-id-1" style="width: 0%;"></span>
                                        </div>
                                    </div>
                                    <div class="one-skill">
                                        <h3>Illustrator <span class="counter-all">60</span>%</h3>
                                        <div class="one-skill-know">
                                            <span class="d-bg-c wow skill-id-2" style="width: 0%;"></span>
                                        </div>
                                    </div>
                                    <div class="one-skill">
                                        <h3>HTML <span class="counter-all">90</span>%</h3>
                                        <div class="one-skill-know">
                                            <span class="d-bg-c wow skill-id-3" style="width: 0%;"></span>
                                        </div>
                                    </div>
                                    <div class="one-skill">
                                        <h3>Wordpress <span class="counter-all">85</span>%</h3>
                                        <div class="one-skill-know">
                                            <span class="d-bg-c wow skill-id-4" style="width: 0%;"></span>
                                        </div>
                                    </div>
                                    <div class="one-skill">
                                        <h3>jQuery <span class="counter-all">75</span>%</h3>
                                        <div class="one-skill-know">
                                            <span class="d-bg-c wow skill-id-5" style="width: 0%;"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- === END CUSTOM === -->             

                <!-- === START CLIENTS === -->
                <div class="clients-section carousel" data-theme-plugin="carousel" data-theme-container=".carousel-items" data-theme-item="&gt;div" data-theme-rotate="false" data-theme-autoplay="false" data-theme-hide-effect="false">
                    <div class="container">
                        <div class="carousel-arrows">
                            <span class="next"><i class="icon-uniE91B d-text-c-h"></i></span>
                            <span class="prev disabled"><i class="icon-arrow-left10 d-text-c-h"></i></span>
                        </div>
                        <div class="row carousel-items">
                            <div class="col-md-3 col-xs-4">
                                <a href="#"><img src="images/clients-1.png" alt="client image" /></a>
                            </div>
                            <div class="col-md-3 col-xs-4">
                                <a href="#"><img src="images/clients-2.png" alt="client image" /></a>
                            </div>
                            <div class="col-md-3 col-xs-4">
                                <a href="#"><img src="images/clients-3.png" alt="client image" /></a>
                            </div>
                            <div class="col-md-3 col-xs-4">
                                <a href="#"><img src="images/clients-4.png" alt="client image" /></a>
                            </div>
                            <div class="col-md-3 col-xs-4">
                                <a href="#"><img src="images/clients-5.png" alt="client image" /></a>
                            </div>
                            <div class="col-md-3 col-xs-4">
                                <a href="#"><img src="images/clients-1.png" alt="client image" /></a>
                            </div>
                            <div class="col-md-3 col-xs-4">
                                <a href="#"><img src="images/clients-2.png" alt="client image" /></a>
                            </div>
                            <div class="col-md-3 col-xs-4">
                                <a href="#"><img src="images/clients-3.png" alt="client image" /></a>
                            </div>
                            <div class="col-md-3 col-xs-4">
                                <a href="#"><img src="images/clients-4.png" alt="client image" /></a>
                            </div>
                            <div class="col-md-3 col-xs-4">
                                <a href="#"><img src="images/clients-5.png" alt="client image" /></a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- === END CLIENTS === -->
            </div>
            <!-- === END CONTENT === -->


            <!-- === START FOOTER === -->
            <footer class="footer">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3 col-xs-6">
                            <div class="widget wow bounceInLeft">
                                <h2 class="logo">Wallpaper</h2>
                                <p>23408 Trafalguar Square, PO BOX 345<br/>Westminster, London<br/>United Kingdom</p>
                            </div>
                        </div>
                        <div class="col-md-3 col-xs-6">
                            <div class="widget widget-blog-posts wow fadeInUp">
                                <h3 class="widget-title">Latest blog posts</h3>
                                <ul>
                                    <li><a href="#" class="d-text-c-h">Web Design Technics</a></li>
                                    <li><a href="#" class="d-text-c-h">Fiction vs Reality</a></li>
                                    <li><a href="#" class="d-text-c-h">10 Freebies Design Inspiration</a></li>
                                    <li><a href="#" class="d-text-c-h">Having fun at the lake</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-3 col-xs-6">
                            <div class="widget widget-tag-cloud wow fadeInUp">
                                <h3 class="widget-title">tag cloud</h3>
                                <a href="#" class="d-bg-c-h">Reserch</a>
                                <a href="#" class="d-bg-c-h">Development</a>
                                <a href="#" class="d-bg-c-h">Framework</a>
                                <a href="#" class="d-bg-c-h">Showcase</a>
                                <a href="#" class="d-bg-c-h">Design</a>
                                <a href="#" class="d-bg-c-h">Strategy</a>
                                <a href="#" class="d-bg-c-h">Bootstrap</a>
                                <a href="#" class="d-bg-c-h">Artist Design</a>
                                <a href="#" class="d-bg-c-h">Management</a>
                            </div>
                        </div>
                        <div class="col-md-3 col-xs-6">
                            <div class="widget widget-socials wow bounceInRight">
                                <h3 class="widget-title">Social profiles</h3>
                                <p>On the other hand, we denounce with righteous indignation and dislike men.</p>
                                <ul class="socials">
                                    <li><a href="#" class="d-text-c-h d-border-c-h"><i class="fa fa-facebook"></i></a></li>
                                    <li><a href="#" class="d-text-c-h d-border-c-h"><i class="fa fa-twitter"></i></a></li>
                                    <li><a href="#" class="d-text-c-h d-border-c-h"><i class="fa fa-instagram"></i></a></li>
                                    <li><a href="#" class="d-text-c-h d-border-c-h"><i class="fa fa-google-plus"></i></a></li>
                                    <li><a href="#" class="d-text-c-h d-border-c-h"><i class="fa fa-rss"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <p class="copywrite">© Copyright 2014 by GeoThemes. All rights reserved.</p>
                        </div>
                    </div>
                </div>
            </footer>
            <!-- === END FOOTER === -->
        </div>
        <!-- =========================== START SCRIPTS ========================== -->
        <script src="js/modernizr.custom.63321.js" type="text/javascript"></script>
        <script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
        <script src="js/jquery-ui.min.js" type="text/javascript"></script>
        <script src="js/waypoints.js" type="text/javascript"></script>
        <script src="js/bootstrap.js" type="text/javascript"></script>
        <script src="js/placeholder.js" type="text/javascript"></script>
        <script src="js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
        <script src="js/masonry.pkgd.js" type="text/javascript"></script>
        <script src="js/jquery.swipebox.min.js" type="text/javascript"></script>
        <script src="js/wow.js" type="text/javascript"></script>
        <script src="js/knob.js" type="text/javascript"></script>
        <script src="js/jquery.counterup.js" type="text/javascript"></script>
        <script src="js/options.js" type="text/javascript"></script>
        <script src="js/plugins.js" type="text/javascript"></script>
        <script src="color-box/color-js.js" type="text/javascript"></script>
        <script src="color-box/farbtastic/farbtastic.js" type="text/javascript"></script>
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
        <!-- =========================== END SCRIPTS ========================== -->
    </body>
</html>